<script setup>
import { ref } from "vue";

const props = defineProps({
    msg: {
        type: String,
        required: true,
    },
    data: {
        type: Object,
        required: false,
        default() {
            return {};
        },
    },
});
console.log(props);
const count = ref(0);
</script>

<template>
    <div class="w-full h-full flex">
        <div class="absolute w-full h-full left-0 Mask">
            <img class="wen-icon" :src="data.pc_single_pic" alt="" srcset="" />
        </div>
        <div
            class="w-full h-full justify-self-center grid wen-mobile-down-white"
        >
            <div
                class="w-1/2 mobile:w-full h-fit text-white z-10 self-center wow animate__animated animate__fadeInUp timing mobile:p-6"
            >
                <h3 class="text-5xl py-1 mobile:mb-0 mobile:text-2xl">
                    <a class="text-white" :href="data.url">{{
                        data.cn_title
                    }}</a>
                </h3>
                <p
                    class="text-2xl py-3 mt-[23px] mobile:text-sm mobile:leading-[20px]"
                >
                    <a
                        class="text-white/80"
                        :href="data.url"
                        v-html="data.cn_descri"
                    ></a>
                </p>
            </div>
        </div>
    </div>
</template>

<style scoped></style>
